.page-home {
  background-color: #f9f9f9;
}

.ui-nav-icon{
  width: 100px;
}
.ui-nav.main-nav{
  height: 225px;
}
.ui-nav.sub-nav{
  height: 175px;
  background-color: #fff;
}
.main-nav .ui-nav-item:active{
  background: #E64136;
  box-shadow: inset 0 0 20px 0 rgba(0,0,0,.1);
}
.sub-nav .ui-nav-item:active{
  background: #fbfbfb;
  box-shadow: inset 0 0 20px 0 rgba(0,0,0,.1);
}
.home-user-info{
  height: 400px;
  position: relative;
}
.home-user-info .points{
  position: absolute;
  top: 20px;right: 20px;
}
.home-user-info .avator-points{
  width: 225px;
  height: 225px;
  position: absolute;
  top: 66px;right: 0;bottom: auto;left: 0;
  margin: auto;
}

.home-user-info .btnauth{
  display: block;
  position: absolute;
  padding-left:10px;
  padding-right:10px;
  left: 100px;
  top: 155px;
}
.home-user-info .bg-avatar6 {
  position: absolute;
  top:30px;
  left: 50%;
  border-radius: 50%;
  border: 6px solid #f8a49d;
  margin-left: -40px;
  align-self: center;
  z-index: 10;
}
.home-user-info .address{
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  .icon-location{
    width: 30px;
    height:20px;
    vertical-align: middle;
  }
}

.home-xiao-bian {
  height: 225px;
  .tit{
    height: 75px;
  }
  .tit-left{
    padding-top: 15px;
    width: 120px;
  }
  .tit-center{
    padding-top: 20px;
  }
  .tit-right{
    width: 160px;
  }
}
.home-spec-notic {
  height: 86px;
  .tit{
    height: 90px;
  }
  .tit-left{
    padding-top: 15px;
    width: 120px;
  }
  .tit-center{
    padding-top: 30px;
  }
  .tit-right{
    width: 86px;
  }
  .tit-right-arrow{
      width: 25px;
      height: 25px;
  }
  .pro-info{
    padding: 30px;
  }
}



.home-spec-notic {
  height: 700px;
}
.img-home-product{
  width: 750px;
  height: 482px;
}
